<ion-view view-title="UPark" >
  <ion-nav-buttons side="left" >

    <button menu-toggle="left" class="button button-icon icon ion-navicon" style="color: white; " id="menu"></button>
    <div class="item-button-right">
<button class="button button-icon icon ion-ios-search-strong" style="color: white;" ng-click="clickSearchInput()"></button>
    </div>
  </ion-nav-buttons>

  <!--<div class="bar bar-header">-->
  <!--<button menu-toggle="left" class="button button-icon icon ion-navicon" id="menu"></button>-->
  <!--<h1 class="title">EasyParking</h1>-->
  <!--<button id="closePDesc" style="color: #fff; display: none"-->
  <!--class="button button-clear no-animation ion-chevron-down"-->
  <!--ng-click="closePDesc(Place.clickPark.Mid_Point)">-->
  <!--</button>-->
  <!-- -->
  <!--</div>-->

  <ion-content has-header="true" scroll="true">

    <!--<div class="list">-->
      <!--<div style="top:0%; position: absolute" class="bar bar-header item-input-inset" id="searchdiv">-->
        <!--<label class="item-input-wrapper">-->
          <!--<i class="icon ion-ios-search placeholder-icon"></i>-->
          <!--<input ng-click="clickSearchInput()" type="search" placeholder="Search" ng-model="searchPlace">-->
        <!--</label>-->
        <!--<button ng-click="search(searchPlace)" class="button button-balanced">-->
          <!--搜索-->
        <!--</button>-->
      <!--</div>-->
    <!--</div>-->


    <div id="map" style="height:100%;"></div>

    <!--<div id="parkDesc" style="display: none" onscroll="true">-->
      <!--<div class=" item item-button-right" id="name">{{NowPark.name}}-->
        <!--<div class="wrapper">-->
          <!--<ul id="star">-->
            <!--<li>★</li>-->
            <!--<li>★</li>-->
            <!--<li>★</li>-->
            <!--<li>★</li>-->
            <!--<li>★</li>-->
          <!--</ul>-->

        <!--</div>-->
        <!--<button id="closePDesc" style="color: #fff; display: none"-->
                <!--class="button button-clear no-animation ion-chevron-down"-->
                <!--ng-click="closePDesc(NowPark.location)">-->
        <!--</button>-->

      <!--</div>-->

      <!--<div class="row">-->
        <!--<div class="col-33  ">-->
          <!--<button class="button button-clear button-positive" id="Collect"-->
                  <!--ng-click="ChangeCollect(NowPark,'park')">-->
            <!--<i class="icon icon-right ion-star  "></i>-->
            <!--收藏-->
          <!--</button>-->
        <!--</div>-->

        <!--<div class="col-33">-->
          <!--<button class="button button-clear button-positive" ng-click="directPark(NowPark)">-->
            <!--<i class="icon icon-right ion-ios-paperplane"></i>-->
            <!--导航-->
          <!--</button>-->
        <!--</div>-->

        <!--<div class="col-33">-->
          <!--<button class="button button-clear button-positive" ng-click="PComDe(NowPark)">-->
            <!--<i class="icon icon-right ion-social-twitch-outline  "></i>-->
            <!--评价-->
          <!--</button>-->
        <!--</div>-->

        <!--&lt;!&ndash;<div class="col-25">&ndash;&gt;-->
        <!--&lt;!&ndash;<button class="button button-clear button-positive" ng-click="parkEdit(P.P_Name)">&ndash;&gt;-->
        <!--&lt;!&ndash;<i class="icon icon-right ion-edit  "></i>&ndash;&gt;-->
        <!--&lt;!&ndash;编辑&ndash;&gt;-->
        <!--&lt;!&ndash;</button>&ndash;&gt;-->
        <!--&lt;!&ndash;</div>&ndash;&gt;-->
      <!--</div>-->


      <!--<div class="list" style="font-size: 150%;color: #007aff;text-align: start;" >-->
        <!--<a class="item item-icon-left  ion-ios-location">&nbsp;&nbsp;{{NowPark.address}}</a>-->
        <!--<a class="item item-icon-left  ion-ios-telephone" ng-model="Tel">&nbsp;&nbsp;{{NowPark.tel}}</a>-->
        <!--<a class="item item-icon-left  ion-android-car" ng-model="Num"> &nbsp;&nbsp;{{NowPark.type}}</a>-->
        <!--<a class="item item-icon-left  ion-ios-pricetags" ng-model="Num"> &nbsp;&nbsp;{{NowPark.pay_type}}</a>-->
        <!--<a class="item item-icon-left  ion-social-usd" > &nbsp;&nbsp;{{ParkPrice.ChargeList[0]}};{{ParkPrice.ChargeList[1]}}</a>-->
      <!--<div  ng-repeat="price in ParkPrice.ChargeList">-->
        <!--<a class="item item-icon-left  ion-social-usd" > &nbsp;&nbsp;{{price}}</a>-->
        <!--</div>-->
      <!--</div>-->
    <!--</div>-->


    <div class="card" id="localInfo" style="bottom: 10%;left: 10%; right:10%;position: absolute; display: none"
         ng-model="Place.search">
      <div class="item item-body item-button-right">
        <button class="button button-clear no-animation ion-android-close" ng-click="closeLocalInfo()"></button>
        <div>
          <h2><a style="color: #1EA18B">{{Place.search}}</a></h2>
          <p>{{Place.formatted_address}}</p>
        </div>

      </div>
      <div class="item tabs tabs-secondary item-button-right">
        <a ng-click="showParkInList()" style="color: #1EA18B">查看附近停车场</a>
        <!--<button class="button button-icon icon ion-ios-paperplane" ng-click="HistDirect(Place.search)"></button>-->
      </div>
    </div>


    <div class="card" id="parkInfo" style="bottom: 10%;left: 10%; right:10%;position: absolute; display: none"
         ng-model="Place.clickPark">
      <div class="item item-body item-button-right">
        <button class="button button-clear no-animation ion-android-close" ng-click="closeParkInfo()"></button>
        <div>
          <h2><a  style="color: #1EA18B">{{Place.clickPark.name}}</a></h2>
          <p>类型：{{Place.clickPark.type}}</p>
          <p>地址：{{Place.clickPark.address}} </p>
        </div>
      </div>
      <div class="item tabs tabs-secondary item-button-right ">
        <a ng-click="showParkDesc(Place.clickPark)"  style="color: #1EA18B">查看停车场详情</a>
        <button class="button button-icon icon ion-ios-paperplane"
                ng-click="directPark(Place.clickPark)"></button>
      </div>
    </div>

    <button class="button button-small " id="simpleFilterBtn" style="background-color:#1EA18B;color:white;bottom: 3%;right: 5%; position: absolute; " ng-click="showParkTimeFilter()">
     2小时，现在开始
    </button>
    <button class="button button-small " id="FilterBtn" style="background-color:#1EA18B;color:white;bottom: 10%;right: 5%; position: absolute;" ng-click="showParkFilter()">
     详细筛选
    </button>

    <div class="card" id="timeFilter" style="bottom: 5%;left: 10%; right:10%;position: absolute; display: none">
      <div class="list">
        <div class="item" style="text-align: center;color: #1E3DA1;" ng-click="setParkTime(1)">1 小时</div>
        <div class="item" style="text-align: center;color: #1E3DA1;" ng-click="setParkTime(2)">2 小时</div>
        <div class="item" style="text-align: center;color: #1E3DA1;" ng-click="setParkTime(4)">4 小时</div>
        <!--<div class="item item-input-inset">-->
          <!--<label class="item-input-wrapper">-->
            <!--<input type="text" placeholder="自定义时间" ng-model="ParkTime">-->
          <!--</label>-->
          <!--<button class="button button-small" ng-click="setParkTime(ParkTime)">-->
            <!--确定-->
          <!--</button>-->
        <!--</div>-->
        <div class="item" style="text-align: center;color: #646464" ng-click="closeParkTimeFilter()">取消</div>
      </div>
    </div>



    <div id="foot1">
      <button ng-click="showParkInList()" class="button button-stable button-icon icon ion-model-s "
              style="color: #1EA18B;"></button>
    </div>
    <div id="foot">
      <button ng-click="getLocation()" class="button button-icon icon ion-android-locate"
              style="color: #1EA18B;"></button>
    </div>
  </ion-content>


</ion-view>

